<template>
   <div class="app">
        <navbar class="navbarb">  
            <navbar-item type="back"></navbar-item> 
            <navbar-item type="title">
                <text class="headtext">{{title.title}}</text>
                
            </navbar-item>
        </navbar>

        <div class="">
            <scroller class="scroller">
                <wxc-cell label="标题"
                :has-arrow="false"
                @wxcCellClicked="wxcCellClicked"
                :has-margin="true">
                    <slot>
                        <text class="rightTit">2020/01/12</text>
                    </slot>
                </wxc-cell>


                <wxc-checkbox title="免跑申请及证明上传"></wxc-checkbox>
                <wxc-checkbox title="学期体育成绩跑"></wxc-checkbox>

            </scroller>

            <div class="bottomBtn" v-if="title.title == '新增发布范围'">
                <text class="cancelBtn">取消</text>
                <text class="sureBtn">确定</text>
            </div>
        </div>

    </div> 
</template>
<script>
import { WxcCheckbox,WxcCheckboxList,WxcCell  } from 'weex-ui'
export default {
    components: { WxcCheckbox, WxcCheckboxList,WxcCell  },
    data () {
        return {
            title:app.config.params,
           list: [
                { title: '选项1', value: 1 },
                { title: '选项2', value: 2, checked: true },
                { title: '选项3', value: 3 },
                { title: '选项4', value: 4 }
            ],
            checkedList: [2] 
        }
    },
    methods: {
        wxcCheckBoxListChecked (e) {
            this.checkedList = e.checkedList;
        }
    }
}
</script>
<style scoped>
.navbarb{
        width: 750px;
        height: 100px;
        background-color: #1eb76e;
    }
     .headtext {
        font-size: 30px;
        color: #ffffff;
    }
    .rightTit{
        font-size: 26;
    }
    .bottomBtn{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 750;
        height: 100;
        flex-direction: row;
    }
    .cancelBtn{
        width: 375;
        height: 100;
        color: #666;
        background-color: #dddddd;
        text-align: center;
        line-height: 100;
        font-size: 30;
    }
    .sureBtn{
        width: 375;
        height: 100;
        color: #fff;
        background-color:#1eb76e;
        text-align: center;
        line-height: 100;
        font-size: 30;
    }
</style>